<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表属性</title>
    <style>
        .ul1{
            /** disc:实心圆; circle:空心圆; square:方块; none:什么都没有**/
            list-style-type: none;
            list-style-image: url(img/1.png);
        }
        .li1{
            list-style-image: url(img/1.png);
        }
        .li2{
            list-style-image: url(img/2.png);
        }
        .li3{
            list-style-image: url(img/3.png);
        }
        li{
            border: 1px solid red;
            list-style-position: inside;
        }
        .ul2{
            list-style: none url(img/1.png) inside;
        }
    </style>
</head>
<body>
    <ul class="ul1">
        <li class="li1">111111111</li>
        <li class="li2">222222222</li>
        <li class="li3">33333333333</li>
    </ul>

    <ul class="ul2">
        <li>111111111</li>
        <li>222222222</li>
        <li>33333333333</li>
    </ul>
</body>
</html>